﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Defaut.Master" AutoEventWireup="true" CodeBehind="WijzigProfiel.aspx.cs" Inherits="Quaack.Web.WijzigProfiel" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Header" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Body" runat="server">

    <div>
        <asp:Panel ID="panelFormulier" runat="server">
        <table style="width:100%;">
            <tr>
                <td>Nieuw wachtwoord</td>
                <td>
                    <asp:TextBox ID="txtWachtwoord" runat="server" TextMode="Password"></asp:TextBox><br />
                    Vul een nieuw wachtwoord in. Leeg laten om het wachtwoord ongewijzigd te houden.
                </td>
            </tr>
            <tr>
                <td>Bevestig wachtwoord</td>
                <td>
                    <asp:TextBox ID="txtBevestigWachtwoord" runat="server" TextMode="Password"></asp:TextBox>
                    <asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="WachtwoordenGelijk_Validate" ControlToValidate="txtBevestigWachtwoord" Display="Dynamic" ErrorMessage="De wachtwoorden komen niet overeen" OnServerValidate="WachtwoordenGelijk_Validate" ValidateEmptyText="True"></asp:CustomValidator>
                </td>
            </tr>
            <tr>
                <td>Huidig wachtwoord</td>
                <td>
                    <asp:TextBox ID="txtHuidigWachtwoord" runat="server" TextMode="Password"></asp:TextBox>
                    <asp:CustomValidator ID="valHuidigWachtwoord" runat="server" ControlToValidate="txtHuidigWachtwoord" Display="Dynamic" ErrorMessage="Wachtwoord incorrect" OnServerValidate="HuidigWachtwoord_Validate" ValidateEmptyText="True"></asp:CustomValidator>
                </td>
            </tr>
            <tr>
                <td>E-mailadres</td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Vul een e-mailadres in"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Dit is geen geldig e-mailadres" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td>Mobiel</td>
                <td>
                    <asp:TextBox ID="txtMobiel" runat="server"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txtMobiel" Display="Dynamic" ErrorMessage="Dit is geen geldig mobiel nummer" ValidationExpression="06[1-9][0-9]{7}"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td>Avatar (url)</td>
                <td><asp:FileUpload ID="FileAvatar" runat="server" />
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="FileAvatar" ErrorMessage="Alleen .jpg, .png en .gif-bestanden worden ondersteund" ValidationExpression=".+\.([pP][nN][gG]|[jJ][pP][gG]|[gG][iI][fF])"></asp:RegularExpressionValidator>
                    <br />
                    Upload een nieuwe avatar om deze te wijzigen</td>
            </tr>
            <tr>
                <td>Profiel</td>
                <td>
                    <asp:TextBox ID="txtProfielschets" runat="server" TextMode="MultiLine"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:Button ID="btnSave" runat="server" Text="Opslaan" OnClick="btnSave_Click" />
                </td>
            </tr>
        </table>
        </asp:Panel>
        <asp:Label ID="lblVoltooid" runat="server" Text="De wijzigingen zijn opgeslagen." Visible="False"></asp:Label>
        <asp:Label ID="lblIngelogd" runat="server" Text="Je bent niet ingelogd." Visible="False"></asp:Label>
    </div>
    <script type="text/javascript">
        $('#Body_txtWachtwoord').change(function () {
            // Bij wijziging velden bevestig wachtwoord en huidig wachtwoord tonen/verbergen
            $('#Body_txtBevestigWachtwoord, #Body_txtHuidigWachtwoord').closest('tr').css('display',
                this.value == '' && $('#Body_valHuidigWachtwoord:visible').length == 0 ? 'none' : '');
        }).keyup(function () {
            // Bij key up de wijzig-event triggeren
            $(this).trigger('change');
        }).trigger('change'); // direct de wijzig-event triggeren
    </script>
</asp:Content>
